<template>
	<view class="model">
		<view class="wrap">
			<view class="tit">信息查询授权书</view>
			<view class="overFlow">
				<view class="text">
					<p class="z" style="text-indent: 2em;">本授权书经授权人书面签署，在签订本授权书之前，请务必仔细阅读本授权书的全部条款，关注您在授权书中的权利和义务。</p>
					<p>本人同意并授权成都天启数科网络安全技术有限公司，在贵司申请业务过程中（从业务申请至业务终止），基于约定用途：包括但不限于金融风控、背调、营销推广等，有权通过第三方服务机构（包括第三方权威机构及其关联公司以及其他第三方数据机构等）对本人提交的信息进行核实；有权通过前述第三方服务机构查询、使用本人的身份信息、设备信息、运营商信息、借贷信息等，包括可能对信息主体产生负面影响的不良信息，以判断、识别业务风险。
					</p>
					<p>同时，本人授权第三方服务机构基于约定用途，有权通过合法存有本人信息的机构收集本人的信息，并可进行相关处理（包括但不限于收集、存储、使用、加工、传输、提供）。</p>
					<p>本人同意并授权成都天启数科网络安全技术有限公司基于约定用途向第三方服务机构共享其通过相关渠道获取的本人信息及本人的履约情况，并授权第三方服务机构对获取的本人的信息依法进行相关处理（包括但不限于收集、存储、使用、加工、传输、提供）等。本人承诺本授权效力具有独立性，不因其他合同的任何条款无效而失效。
					</p>
					<p class="z">【特别提示】：</p>
					<p>为了保障您的合法权益，请您务必阅读并充分理解与遵守本授权书；若您不接受本授权书的任何条款，请您立即终止授权。贵司已经对上述事宜及其风险向本人做了充分说明，本人已知晓并同意。
						你通过“容易查”或推广方推广查询模式，自愿支付相应费用，用于购买成都天启数科网络安全技术有限公司的大数据报告产品。
						你向成都天启数科网络安全技术有限公司的支付方式为：成都天启数科网络安全技术有限公司及其关联公司的支付宝账户。</p>
					<p>本人已知悉本授权书所有内容的意义及由此产生的法律效力，自愿做出上述授权，本授权申明是本人真实的意思表示，本人同意承担由此带来的一切法律后果。</p>
					<p>特此授权！</p>
					<p class="r">本人（签字）：{{info.name}}</p>
					<p class="r">本人身份证号：{{info.cardNo}} </p>
					<p class="r">本协议于{{parseTime(new Date(),'{y}年{m}月{d}日')}}生效</p>
				</view>
			</view>
			<view class="btn" @click="$emit('readed')">
				我已阅读
			</view>
		</view>
	</view>
</template>

<script>
	import {
		parseTime
	} from '@/utils/validate.js'
	export default {
		name: "authAgree",
		props: {
			info: {
				required: true,
				type: Object
			}
		},
		methods: {
			parseTime
		}
	}
</script>

<style lang="scss">
	.model {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.397);
		z-index: 100;

		.wrap {
			background-color: #fff;
			margin: 42px;
			border-radius: 9px;
			padding: 10px;
			position: relative;

			.tit {
				font-size: 18px;
				text-align: center;
				font-weight: 600;
				margin-bottom: 10px;
			}

			.overFlow {
				overflow: scroll;
				max-height: 400px;

				.text {
					.title {
						text-align: center;
						font-size: 15px;
						font-weight: 600;
					}

					p {
						line-height: 1.6;
						text-align: justify;
						text-justify: inter-ideograph;
					}

					p.z {
						font-size: 13px;
						font-weight: 600;
					}

					p:not(.z) {
						text-indent: 2em;
					}

					p.r {
						text-align: right;
					}
				}
			}

			.btn {
				width: 123px;
				height: 35px;
				background: #0091FF;
				border-radius: 10px;
				line-height: 35px;
				text-align: center;
				color: #fff;
				font-size: 16px;
				margin: 10px auto 0;
			}
		}
	}
</style>